<template>
    <div class="template-index-Lu">
        <a-card title="人事管理" class="template-index-Lu-card">
            <a-card-grid @click="addFormClick('请假')">
                <span>
                    <a-icon type="clock-circle" />
                </span> 请假
            </a-card-grid>
            <a-card-grid @click="addFormClick('离岗')">
                <span>
                    <a-icon type="logout" />
                </span> 离岗
            </a-card-grid>
            <a-card-grid @click="addFormClick('加班')">
                <span>
                    <a-icon type="plus-circle" />
                </span> 加班值班
            </a-card-grid>
            <a-card-grid @click="addFormClick('工资条')">
                <span>
                    <a-icon type="credit-card" />
                </span> 工资条
            </a-card-grid>
        </a-card>
        <a-card title="行政管理" class="template-index-Lu-card">
            <a-card-grid @click="addFormClick('行政')">
                <span>
                    <a-icon type="audit" />
                </span> 行政事务审批
            </a-card-grid>
            <a-card-grid @click="addFormClick('宣传')">
                <span>
                    <a-icon type="pic-right" />
                </span> 宣传信息审批
            </a-card-grid>
            <a-card-grid @click="addFormClick('办公用品')">
                <span>
                    <a-icon type="highlight" />
                </span> 办公用品领用
            </a-card-grid>
            <a-card-grid @click="addFormClick('会议室')">
                <span>
                    <a-icon type="home" />
                </span> 会议室
            </a-card-grid>
            <a-card-grid>
                <span>
                    <a-icon type="container" />
                </span> 收文管理
            </a-card-grid>
        </a-card>
        <handleModal ref="handleModalRef"></handleModal>
    </div>
</template>
<script>
import handleModal from '../modal/handleModal.vue'
export default {
    components: {
        handleModal
    },
    data() {
        return {

        }
    },
    methods: {
        addFormClick(type){
            this.$nextTick(_ => {
                this.$refs.handleModalRef.addClick(type)
            })
        },
    },
}
</script>
<style>
@import url('../css/oaLess.css');
@import url('../css/oaClass.css');
</style>
